@font-face {
    font-family: 'RobotoMed';
    src: url('//img.ui-portal.de/ci/gmx/global/fonts/roboto/Roboto-Medium-webfont.eot');
    src: url('//img.ui-portal.de/ci/gmx/global/fonts/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('//img.ui-portal.de/ci/gmx/global/fonts/roboto/Roboto-Medium-webfont.woff') format('woff'), url('//img.ui-portal.de/ci/gmx/global/fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'), url('//img.ui-portal.de/ci/gmx/global/fonts/roboto/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCond';
    src: url('//img.ui-portal.de/ci/gmx/global/fonts/roboto/RobotoCondensed-Regular-webfont.eot');
    src: url('//img.ui-portal.de/ci/gmx/global/fonts/roboto/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('//img.ui-portal.de/ci/gmx/global/fonts/roboto/RobotoCondensed-Regular-webfont.woff') format('woff'), url('//img.ui-portal.de/ci/gmx/global/fonts/roboto/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('//img.ui-portal.de/ci/gmx/global/fonts/roboto/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    height: 100%;
}

html {
    background: #E3EDFA;
    color: #262626;
    font: 400 13px/20px Verdana, Arial, Helvetica, sans-serif;
    direction: ltr;
}

body, body * {
    font-family: inherit;
    font-size: 1em;
    line-height: inherit;
    background-repeat: no-repeat;
}

html, body, ul, ol, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, p, fieldset {
    margin: 0;
    padding: 0;
}

h\:hgroup, h\:header, h\:nav, h\:article, h\:section, h\:aside, h\:footer, h\:details, h\:output {
    display: block;
}

a {
    color: #2269C3;
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    color: #2269C3;
    text-decoration: underline;
}

a:visited {
    color: #2269C3;
}

a:active {
    color: #2269C3;
}

ul li {
    display: block;
    list-style-type: none;
}

img {
    border: none;
}

a img {
    border: 0 none;
}

form {
    display: inline;
}

fieldset {
    border: 0 solid;
}

legend {
    display: none;
    color: #262626;
}

select, option {
    background-color: #FFFFFF;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

td, th {
    padding: 0;
}

iframe {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
}

object, a:focus {
    outline: none;
}

.centered {
    text-align: center;
}

* html script {
    display: block;
    left: -6000px;
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.hr {
    display: none;
    clear: both;
}

.hr hr {
    display: none;
}

.skip * {
    display: none;
}

.statistics {
    left: -6000px;
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}


#page-header {
    background-color: #1C449B;
    margin: 0;
    position: relative;
    padding-top: 95px;
}

* + html #page-header {
    z-index: 2;
}

#page-header #header-brand {
    position: absolute;
    text-indent: -9999em;
    background: url(//img.ui-portal.de/ci/gmx/global/logoCI2018_de.png) no-repeat 0 0;
    width: 125px;
    height: 70px;
    top: 13px;
    left: 29px;
    z-index: 1;
}

#page-header #header-service {
    width: 125px;
    height: 50px;
    position: absolute;
    left: 30px;
    top: 20px;
    direction: ltr;
    text-indent: -9999em;
    z-index: -1;
}

#wrapper {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    min-width: 1000px;
    z-index: 100;
}

#container {
    background: #FFFFFF;
    border: 1px solid #C1C1C1;
    border-top: none;
    border-bottom: none;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}

.richcontent #container {
    border-left: none;
    margin: 0;
}

#page-content {
    background: url(//img.ui-portal.de/interception/passwortvergessen/gmx/bg/content.png) no-repeat 100% 65px;
    padding: 45px 10px 50px 30px;
    position: relative;
    width: 960px;
}

#main {
    min-height: 480px;
    position: relative;
}

h\:section h1 {
    color: #1C449B;
    font: 700 30px/37px Arial, Verdana, Helvetica, sans-serif;
}

h\:section h2 {
    color: #1C449B;
    font: 700 22px/29px Arial, Verdana, Helvetica, sans-serif;
}

h\:section h3,
h\:section .subline,
.tab-container h3 {
    color: #1C449B;
    font: 400 18px/25px Arial, Verdana, Helvetica, sans-serif;
}

h\:section h4 {
    color: #1C449B;
    font: 700 14px/21px Verdana, Arial, Helvetica, sans-serif;
}

h\:section h5,
h\:section h6 {
    color: #262626;
    font: 700 13px/20px Verdana, Arial, Helvetica, sans-serif;
}

h\:section p {
    margin-bottom: 20px;
}

h\:section > h1,
h\:section > h2,
h\:section > h3,
h\:section > h4,
h\:section > h5,
h\:section > h6,
h\:section > p,
h\:section > .subline {
    clear: left;
    padding: 0 15px;
    margin-right: 20px;
}

h\:section > h1,
.article-text > h1 {
    margin-bottom: 31px;
}

h\:section > h2,
.article-text > h2 {
    margin-bottom: 8px;
}

h\:section > h3,
.article-text > h3,
.tab-container > h3 {
    margin-bottom: 4px;
}

h\:section > .subline,
.article-text > .subline {
    margin-bottom: 30px;
}

h\:section > h1 + .subline,
.article-text > h1 + .subline,
h\:section > h1 + p,
.article-text > h1 + p {
    margin-top: -16px;
}

h\:section > h4,
.article-text > h4 {
    margin-bottom: 1px;
}

h\:section > p,
.article-text > p {
    margin-bottom: 20px;
}

.content-form .subline,
.content-form h1,
.content-form h2,
.content-form h3,
.content-form h4,
.content-form .subline {
    padding: 0;
}

.content-form h4 {
    padding-bottom: 5px;
}

.article-text {
    margin-right: 20px;
    padding: 15px 15px 0;
}

.article-text h1:first-child,
.article-text h2:first-child,
.article-text h3:first-child,
.article-text h4:first-child,
.article-text p:first-child {
    margin-top: -4px;
}

.article-text p.intro {
    font-weight: 700;
}

.article-text p + h1 {
    margin-top: 37px;
}

.article-text p + h2 {
    margin-top: 29px;
}

.article-text p + h3 {
    margin-top: 25px;
}

.article-text p + h4 {
    margin-top: 21px;
}

.article-text .btn-wrapper {
    margin-bottom: 20px;
}

.article-text .btn-print {
    display: inline;
    float: right;
}

.content-part {
    float: left;
    padding-bottom: 20px;
}

.content-part-col6 {
    width: 960px;
    padding-bottom: 0;
}

.content-part-col5 {
    width: 800px;
    padding-bottom: 0;
}

.content-part-col4 {
    width: 640px;
    padding-bottom: 0;
}

.content-part-col3 {
    width: 480px;
    padding-bottom: 0;
}

.content-part-col2 {
    width: 320px;
    padding-bottom: 0;
}

.content-part-quad {
    width: 240px;
    padding-bottom: 0;
}

.content-part-fifth {
    width: 192px;
    padding-bottom: 0;
}

.content-part-col1 {
    width: 160px;
    padding-bottom: 0;
}

.content-border {
    border-top: 1px solid #7DACDC;
    padding-top: 10px;
    margin-left: 15px;
    width: 625px;
}

.note {
    color: #262626;
    font-size: 11px;
}

.note-dark {
    color: #262626;
    font-size: 11px;
}

.note-unobtrusive {
    color: #6A6A6A;
}

.note .headline {
    color: #262626;
    font: 700 14px/21px Verdana, Arial, Helvetica, sans-serif;
}

.note p {
    color: #6A6A6A;
    font-size: 11px;
    padding: 0 0 15px;
}

.note p sup {
    font-size: 9px;
    padding-right: 5px;
}

.cased {
    background-color: #EAF0F8;
}

.hr {
    border-bottom: 1px solid #D1D4D9;
    display: block;
    margin-bottom: 15px;
}

div.hr {
    margin: -10px 0 25px 0;
    padding-bottom: 20px;
    position: relative;
}

div.hr > hr {
    display: none;
}

#page-header:after,
#page-content:after,
#main:after,
.content-part:after,
h\:article:after,
h\:aside:after {
    content: ".";
    clear: both;
    height: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
}

* + html #page-header,
* + html #page-content,
* + html #page-footer,
* + html #main,
* + html .content-part,
* + html h\:article,
* + html h\:aside {
    zoom: 1;
}

.hint {
    margin: 20px 20px 35px 0;
    min-height: 40px;
    padding: 12px 15px 13px;
}

#page-content .hint:first-child,
#main .hint:first-child,
#breadcrumb + .hint,
#breadcrumb + #main .hint {
    margin-top: 0;
}

.hint-single {
    padding: 12px 15px;
}

.hint .hint-headline {
    background-image: url(//img.ui-portal.de/interception/gmx/icon/hint.png);
    background-repeat: no-repeat;
    display: block;
    font: 700 17px/24px Arial, Verdana, Helvetica, sans-serif;
    height: 45px;
    margin: 0;
    padding: 0 0 0 50px;
}

.hint-single .hint-headline {
    line-height: 42px;
    padding-top: 1px;
}

.hint p {
    margin: -18px 0 0 50px;
    max-width: 540px;
    padding: 0;
}

.hint .subtext {
    color: #6A6A6A;
    font-size: 11px;
    line-height: 13px;
    margin-left: 50px;
}

.hint-confirm .hint-headline {
    background-position: 0 3px;
}

.hint-info .hint-headline {
    background-position: 0 -77px;
}

.hint-warning .hint-headline {
    background-position: 0 -157px;
}

.hint-error .hint-headline {
    background-position: 0 -237px;
}

.hint-confirm {
    background-color: #E2F9DF;
}

.hint-info {
    background-color: #E9E9E9;
}

.hint-warning {
    background-color: #FFF7E0;
}

.hint-error {
    background-color: #FFCDCD;
}

.hint-confirm {
}

.hint-info {
}

.hint-warning {
}

.hint-error {
}

.jsEnabled .hint-jsDisabled {
    display: none;
}

.layer-content .hint {
    margin: 0 -15px 17px;
    min-height: 33px;
    padding: 14px 15px 15px;
    position: relative;
    z-index: 90;
}

.layer-content .hint-single {
    padding: 14px 15px 15px;
}

.layer-content .hint .hint-headline {
    background-image: url(//img.ui-portal.de/interception/gmx/icon/hint_32x32.png);
    font: 700 13px/16px Verdana, Arial, Helvetica, sans-serif;
    height: 33px;
    max-width: 548px;
    padding: 0 0 0 42px;
}

.layer-content .hint-single .hint-headline {
    line-height: 33px;
    padding-top: 0;
}

.layer-content .hint p {
    line-height: 16px;
    margin-top: -17px;
    margin-left: 42px;
    max-width: 548px;
}

.layer-content .hint-confirm .hint-headline {
    background-position: 0 1px;
}

.layer-content .hint-info .hint-headline {
    background-position: 0 -79px;
}

.layer-content .hint-warning .hint-headline {
    background-position: 0 -159px;
}

.layer-content .hint-error .hint-headline {
    background-position: 0 -239px;
}

.btn-wrapper > * {
    background: transparent;
    cursor: pointer;
    display: inline-block;
    font-family: RobotoCond, Arial, Verdana, Helvetica, sans-serif;
    font-style: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    width: auto;
    white-space: nowrap;
    z-index: 1;
    -webkit-appearance: none;
}

.btn-wrapper > *:before,
.btn-wrapper > *:after {
    content: '';
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.btn-wrapper > a {
    text-decoration: none;
}

* + html .btn-wrapper > * {
    display: inline;
    float: left;
    position: static;
}

.btn-wrapper input::-moz-focus-inner {
    border: 0 solid;
    margin: 0;
    padding: 0;
}

.btn-disabled > input[disabled] {
    opacity: 1;
}

.btn-wrapper.btn-disabled,
.btn-wrapper.btn-disabled > * {
    cursor: default;
}

.btn-xxl {
    height: 76px;
    line-height: 26px;
}

.btn-xxl > * {
    height: 66px;
    line-height: 27px;
    font-size: 26px;
    font-weight: 400;
    padding: 8px 20px 0;
}

.btn-xxl > * span {
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.btn-xl {
    height: 62px;
    line-height: 27px;
}

.btn-xl > * {
    height: 52px;
    line-height: 27px;
    font-size: 26px;
    font-weight: 400;
    padding: 8px 20px 0;
}

.btn-xl > * span {
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.btn-l {
    height: 46px;
    line-height: 41px;
}

.btn-l > * {
    height: 41px;
    line-height: 41px;
    font-size: 26px;
    font-weight: 300;
    padding: 1px 20px 2px;
}

.btn-l > input {
    height: 46px;
}

.btn-m {
    height: 34px;
    line-height: 31px;
}

.btn-m > * {
    height: 30px;
    line-height: 31px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 14px 2px;
}

.btn-m > input {
    height: 34px;
}

.btn-s {
    height: 26px;
    line-height: 22px;
}

.btn-s > * {
    height: 20px;
    line-height: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 12px;
}

.btn-s > input {
    height: 26px;
    padding: 1px 12px 2px;
}

.btn-xs {
    height: 22px;
    line-height: 19px;
}

.btn-xs > * {
    height: 19px;
    line-height: 19px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    padding: 0 10px 1px;
}

.btn-xs > input {
    height: 22px;
}

.btn-key > * {
    color: #FFFFFF;
    border: 1px #6E9804 solid;
    background: #6E9804;
}

.btn-key > a {
    color: #FFFFFF;
}

.btn-key.btn-over > * {
    color: #FFFFFF;
    border-color: #587A03;
    background: #587A03;
}

.btn-key.btn-pressed > * {
    color: #FFFFFF;
    border-color: #6E9804;
    background: #6E9804;
}

.btn-key.btn-disabled > *,
.btn-key.btn-disabled.btn-over > * {
    color: #FFFFFF;
    border-color: #E5ECD2;
    background: #E5ECD2;
}

.btn-service > * {
    color: #1C449B;
    border: 1px #1C449B solid;
}

.btn-service > a {
    color: #1C449B;
}

.btn-service.btn-over > * {
    color: #FFFFFF;
    border-color: #16367C;
    background: #16367C;
}

.btn-service.btn-pressed > * {
    color: #FFFFFF;
    border-color: #A1A1A1;
    background: #1C449B;
}

.btn-service.btn-disabled > *,
.btn-service.btn-disabled.btn-over > * {
    color: #D6DDED;
    border-color: #D6DDED;
    background: #FFFFFF;
}

.withBtn.teaser .teaser-footer .btn-wrapper.btn-service,
.withBtn.teaser .teaser-footer .btn-wrapper.btn-service {
    background-color: #FFFFFF;
}

.btn-secondary > * {
    color: #999999;
    border: 1px #999999 solid;
    background: #FFFFFF;
}

.btn-secondary > a {
    color: #999999;
}

.btn-secondary.btn-over > * {
    color: #FFFFFF;
    border-color: #717171;
    background: #717171;
}

.btn-secondary.btn-pressed > * {
    color: #FFFFFF;
    border-color: #999999;
    background: #999999;
}

.btn-secondary.btn-disabled > *,
.btn-secondary.btn-disabled.btn-over > * {
    color: #DADADA;
    border-color: #DADADA;
    background: #FFFFFF;
}

.btn-level4 > * {
    color: #2269C3;
    border: 1px transparent solid;
    background: none;
    font-weight: 400;
}

.btn-level4 > a {
    color: #2269C3;
}

.btn-level4.btn-over > * {
    color: #999999;
    border-color: #999999;
}

.btn-level4.btn-pressed > * {
    color: #FFFFFF;
    border-color: #999999;
}

.btn-level4.btn-disabled > *,
.btn-level4.btn-disabled.btn-over > * {
    color: #DADADA;
    background: none;
    border-color: transparent;
}


.content-form {
    border: 0 solid transparent;
    border-bottom: none;
    display: inline;
    float: left;
    margin: 0 20px 35px 0;
    padding: 0 15px 20px;
}

.content-form.withBG {
    background: #EAF0F8;
    padding: 15px;
    margin-bottom: 20px;
}

.content-form h3 {
    margin-bottom: 15px;
}

.content-form {
    width: 590px;
}

.form-item {
    width: 590px;
}

.item-label {
    width: 150px;
    text-align: right;
}

.withBG .item-label {
    width: 200px;
}

.withBG .item-label.data-big {
    width: 310px;
}

.item-data {
    width: 440px;
}

.withBG .item-data {
    width: 390px;
}

.withBG .item-data.data-small {
    width: 280px
}

.form-item {
    clear: left;
    display: inline;
    float: left;
    padding-bottom: 10px;
    position: relative;
}

.form-l {
    font-size: 14px;
    line-height: 21px;
}

.form-l .form-item {
    padding-bottom: 15px;
}

.form-item.action {
    padding-top: 5px;
    padding-bottom: 0;
}

.form-send .btn-wrapper {
    display: inline;
    float: right;
    margin-right: 20px;
}

.form-send .btn-level4 {
    float: left;
}

.content-form .form-send .btn-wrapper {
    margin-right: 0;
}

.form-l .form-send .btn-wrapper {
    margin-bottom: 10px;
}

.item-data {
    position: relative;
}

.item-data strong {
    padding-left: 10px;
}

.item-data label strong {
    padding-left: 0;
}

.item-label label,
.item-label,
.item-data,
.form-item h\:details,
.form-item h\:output,
.form-item span.mark {
    display: inline;
    float: left;
    font-size: 13px;
    line-height: 22px;
    min-height: 24px;
}

.item-label label h\:details,
.item-label label,
.item-label span.mark,
.item-label h\:details {
    float: right;
}

* + html .item-label h\:details {
    float: none;
}

.form-l .item-label label,
.form-l .item-label,
.form-l .item-data,
.form-l .form-item h\:details,
.form-l .form-item h\:output,
.form-l .form-item span.mark {
    font-size: 14px;
    line-height: 33px;
    min-height: 34px;
}

.form-item h\:details {
    color: #6A6A6A;
    font-size: 11px;
    line-height: 23px;
    margin-left: 10px;
}

.form-l .form-item h\:details {
    font-size: 13px;
    line-height: 34px;
}

.item-label h\:details,
.item-data span.mark {
    margin-left: 5px;
}

.item-data span.mark {
    margin-right: -5px;
}

input[type="text"],
input[type="number"],
input[type="password"] {
    border: 1px solid #B3B8C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FFFFFF;
    color: #262626;
    display: inline;
    float: left;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 16px;
    line-height: 16px;
    margin-left: 0;
    outline: none;
    padding: 2px 6px 4px;
}

.form-l input[type="text"],
.form-l input[type="number"],
.form-l input[type="password"] {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding: 5px 6px 7px;
}

.item-label + .item-data input[type="text"],
.item-label + .item-data input[type="number"],
.item-label + .item-data input[type="password"],
.item-label + .item-data .select-wrapper,
.item-label + .item-data select,
.item-label + .item-data textarea {
    margin-left: 10px;
}

input[type="text"],
input[type="number"],
input[type="password"] {
    width: 416px;
}

.withBG input[type="text"],
.withBG input[type="number"],
.withBG input[type="password"] {
    width: 366px;
}

.withBG .hasIcon input[type="text"],
.withBG .hasIcon input[type="number"],
.withBG .hasIcon input[type="password"] {
    width: 345px;
}

.withBG .hasError input[type="text"],
.withBG .hasError input[type="number"],
.withBG .hasError input[type="password"] {
    width: 345px;
}

.withBG .hasIcon.hasError input[type="text"],
.withBG .hasIcon.hasError input[type="number"],
.withBG .hasIcon.hasError input[type="password"] {
    width: 324px;
}

.withBG .data-small input[type="text"],
.withBG .data-small input[type="number"],
.withBG .data-small input[type="password"] {
    width: 256px;
}

.withBG .hasIcon .data-small input[type="text"],
.withBG .hasIcon .data-small input[type="number"],
.withBG .hasIcon .data-small input[type="password"] {
    width: 235px;
}

.withBG .hasError .data-small input[type="text"],
.withBG .hasError .data-small input[type="number"],
.withBG .hasError .data-small input[type="password"] {
    width: 235px;
}

.withBG .hasIcon.hasError .data-small input[type="text"],
.withBG .hasIcon.hasError .data-small input[type="number"],
.withBG .hasIcon.hasError .data-small input[type="password"] {
    width: 214px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #6A6A6A;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #6A6A6A;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #6A6A6A;
}

input.hasError[type="text"],
input.hasError[type="password"],
textarea.hasError {
    background-color: #F8EEEE;
    background-image: none;
    border-color: #C00030;
    color: #C00030;
    font-style: italic;
}

.select-wrapper.hasError,
select.hasError {
    border-color: #C00030;
    color: #C00030;
}

label.hasError h\:details,
label.hasError {
    color: #C00030;
}

:-moz-ui-invalid:not(output) {
    box-shadow: none;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input.hasError[type="text"]:focus,
input.hasError[type="number"]:focus,
input.hasError[type="password"]:focus,
input.isValid[type="text"]:focus,
input.isValid[type="number"]:focus,
input.isValid[type="password"]:focus {
    background: #FFFFFF none;
    border-color: #99A1A7;
    color: #262626;
    font-style: normal;
}

input[disabled="disabled"],
input.hasError[disabled="disabled"],
input.isValid[disabled="disabled"],
.isDisabled label,
.isDisabled h\:details,
.isDisabled h\:output,
.isDisabled span.mark,
.isDisabled p.char-counter,
label.isDisabled,
h\:details.isDisabled,
h\:output.isDisabled,
span.mark.isDisabled,
p.char-counter.isDisabled {
    color: #999999;
    border-color: #D7D9DE;
}

.finalaction.genError .btn-key {
    float: right;
}

.content-part .help-info,
.content-part .contact-info {
    background: url(//img.ui-portal.de/interception/passwortvergessen/gmx/icon/service_32.svg) no-repeat 0 0;
    padding: 0 0 0 37px;
    display: block;
}
.content-part .help-info {
    background: url(//img.ui-portal.de/interception/passwortvergessen/gmx/icon/help_32.svg) no-repeat 0 0;
}
.content-part .contact-info .phone-number {
    font-size: 18px;
}

fieldset.content-form.withBG > p {
    padding-left: 0;
}

.js-support-ch,
.js-support-at {
    display: none;
}

.select-wrapper select {
    background: #FFFFFF;
    height: 32px;
    line-height: 32px;
    padding: 1px 3px 3px;
    margin: 0;
    width: 200px;
}

.country-chooser {
    padding-bottom: 20px;
}

h\:output.status {
    background: url(//img.ui-portal.de/interception/gmx/icon/hint_16x16.png) no-repeat 0 -30px;
    display: none;
    line-height: 24px;
    height: 24px;
    width: 16px;
    margin-left: 5px;
    position: absolute;
}

.data-horizontal h\:output.status {
    margin-left: -5px;
}

.form-l h\:output.status {
    line-height: 34px;
    height: 34px;
}

.content-part-col2 .item-label + .item-data h\:output.status {
    top: -24px;
    right: 0;
}

.content-part-col2 .form-l .item-label + .item-data h\:output.status {
    top: -34px;
}

h\:output.status.hasError,
.hasError h\:output.status {
    background-position: 0 -236px;
    display: inline;
}

.form-l h\:output.status.hasError,
.form-l .hasError h\:output.status {
    background-position: 0 -231px;
}

h\:output.status.isValid,
.isValid h\:output.status {
    background: none;
    display: inline;
}

.form-l h\:output.status.isValid,
.form-l .isValid h\:output.status {
    background-position: 0 9px;
}

span.info {
    background: url(//img.ui-portal.de/interception/gmx/icon/hint_16x16.png) no-repeat 0 -76px;
    line-height: 22px;
    height: 22px;
    width: 16px;
    margin-left: 5px;
    position: absolute;
    text-indent: -9999px;
}

.form-l span.info {
    background-position: 0 -71px;
    line-height: 34px;
    height: 34px;
}

.hasError span.info {
    margin-left: 27px;
}

span.help {
    background: url(//img.ui-portal.de/interception/gmx/icon/help_16x16.png) no-repeat 0 4px;
    line-height: 22px;
    height: 22px;
    width: 16px;
    margin-left: 5px;
    float: right;
    text-indent: -9999px;
}

.form-l span.help {
    background-position: 0 9px;
    line-height: 34px;
    height: 34px;
}

.form-l h3 span.help {
    background-position: 0 6px;
    line-height: 25px;
    height: 25px;
}

span.help:hover {
    background-position: 0 -76px;
}

.form-l span.help:hover {
    background-position: 0 -71px;
}

.form-l h3 span.help:hover {
    background-position: 0 -74px;
}

.hasError span.help {
    margin-left: 27px;
}

.withBG .item-data span.info,
.withBG .item-data span.help,
.withBG .item-data h\:output.status {
    position: static;
    float: left;
}

.withBG .hasError .item-data span.info,
.withBG .hasError .item-data span.help {
    margin-left: 5px;
}

h\:output.feedback,
.form-l h\:output.feedback {
    background-color: #FDECEC;
    border: 1px solid #AFAFAF;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    display: block;
    float: none;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    min-height: 20px;
    margin: 0 0 0 20px;
    padding: 1px 10px 3px 10px;
    position: absolute;
    left: 0;
    bottom: 38px;
    width: auto;
    z-index: 999;
}

.item-label + .item-data h\:output.feedback {
    margin-left: 30px;
}

.content-part-col3 .layer-content .item-data h\:output.feedback,
.label-top + .item-data h\:output.feedback,
.content-part-col2 .item-data h\:output.feedback {
    margin-left: 20px;
}

.item-data select + h\:output.feedback,
.item-label + .item-data select + h\:output.feedback,
.content-part-col2 select + h\:output.feedback {
    margin-left: 19px;
}

.item-data select + h\:output.feedback {
    margin-top: -41px;
}

* + html .item-data select + h\:output.feedback {
    margin-top: -36px;
}

h\:output.feedback p {
    color: #262626;
    line-height: 20px;
    min-height: 20px;
    margin: 0;
    padding: 0;
    white-space: normal;
    z-index: 999;
}

h\:output.feedback span.nose {
    background: url(//img.ui-portal.de/interception/passwortvergessen/gmx/bg/form-nose.png) no-repeat 0 0;
    margin: 3px 0 0 3px;
    position: absolute;
    width: 15px;
    height: 15px;
}

* + html h\:output.feedback {
    left: 0;
}

* + html h\:output.feedback span.nose {
    margin-top: 0;
    top: 24px;
    left: 10px;
}

.item-label + .item-data h\:output.feedback.feedback-city {
    margin-left: 135px;
}

.item-label + .item-data h\:output.feedback.feedback-streetNumber {
    margin-left: 365px;
}

.item-label + .item-data h\:output.feedback.feedback-birthDay {
    margin-left: 10px;
}

.item-label + .item-data h\:output.feedback.feedback-birthMonth {
    margin-left: 57px;
}

.item-label + .item-data h\:output.feedback.feedback-birthYear {
    margin-left: 104px;
}

.item-data .captcha {
    padding-left: 10px;
}

.item-data .captcha .note {
    padding-top: 10px;
    margin-bottom: 10px;
}

h\:section > .btn-level4,
h\:section > .btn-secondary {
    float: left;
}

h\:section > .btn-key {
    float: right;
    margin-right: 20px;
}

.data-note {
    padding-left: 10px;
}

.item-data .data-note .note {
    float: left;
    margin-bottom: 10px;
}

.security_level {
    display: block;
    background: url(//img.ui-portal.de/interception/gmx/icon/security-level.png) no-repeat 0 3px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    padding-left: 90px;
    width: 100%;
}

.security_level.level1 {
    background-position: 0 -21px;
}

.security_level.level2 {
    background-position: 0 -43px;
}

.security_level.level3 {
    background-position: 0 -65px;
}

.security_level.level4 {
    background-position: 0 -87px;
}

.security_level.level5 {
    background-position: 0 -87px;
}


.list {
    margin-right: 20px;
    padding: 0 15px;
}

.article-text .list {
    margin-right: 0;
    padding: 6px 0 20px;
}

.list li > .list {
    padding-bottom: 0;
}

h\:details > .list {
    margin-right: 0;
    padding: 0;
}

.list > li {
    background-repeat: no-repeat;
    border-top: 0 solid;
    margin-bottom: 6px;
}

.list-l > li {
    background-position: 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 7px;
    padding: 3px 0 3px 37px;
}

.list-l.list-check.list-key > li {
    background-image: url(//img.ui-portal.de/interception/gmx/icon/list/key_check_l.png);
}

.list-l.list-plus.list-key > li {
    background-image: url(//img.ui-portal.de/interception/gmx/icon/list/key_plus_l.png);
}

.list-l.list-check.list-service > li {
    background-image: url(//img.ui-portal.de/interception/gmx/icon/list/service_check_l.png);
}

.list-l.list-plus.list-service > li {
    background-image: url(//img.ui-portal.de/interception/gmx/icon/list/service_plus_l.png);
}

.list-l li > p,
.list-m li > p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 1px;
}

.list-m > li,
.list-s > li {
    background-position: 0 1px;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 13px;
    padding: 0 0 0 26px;
}

.list-m.list-key > li,
.list-s.list-key > li {
    background-image: url(//img.ui-portal.de/interception/gmx/icon/list/key_bullet.png);
}

.list-m.list-service > li,
.list-s.list-service > li {
    background-image: url(//img.ui-portal.de/interception/gmx/icon/list/service_bullet.png);
}

.list-s > li {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
}

.list-xs > li {
    background-image: url(//img.ui-portal.de/interception/gmx/icon/list/bullet_xs.png);
    background-position: 1px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 0 0 17px;
}

ol.list {
    padding: 0 0 20px;
    list-style-type: decimal;
    list-style-position: outside;
}

ol.list > li {
    margin-left: 29px;
}

ol.list-lower-latin {
    list-style-type: lower-latin;
}


.tooltip-enlarged {
    background: url(//img.ui-portal.de/p.gif);
    padding: 7px;
    position: absolute;
    z-index: 999;
}

.tooltip-left-bottom,
.tooltip-left-top,
.tooltip-top-left,
.tooltip-bottom-left {
    margin-left: 4px;
}

.tooltip-right-bottom,
.tooltip-right-top,
.tooltip-top-right,
.tooltip-bottom-right {
    margin-left: -4px;
}

.tooltip-left-bottom,
.tooltip-right-bottom {
    margin-top: -14px;
}

.tooltip-bottom-left,
.tooltip-bottom-right {
    margin-top: -4px;
}

.tooltip-left-top,
.tooltip-right-top,
.tooltip-top-left,
.tooltip-top-right {
    margin-top: 4px;
}

.tooltip-wrapper {
    background: #FFFFFF;
    border: 1px solid #AFAFAF;
    cursor: default;
    padding: 10px 14px 14px;
    width: 270px;
    position: relative;
}

.tooltip-enlarged .nose {
    background-image: url(//img.ui-portal.de/interception/gmx/tooltip/tooltip_sprite.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 -21px;
    position: absolute;
    height: 20px;
    width: 20px;
    bottom: -15px;
    left: 7px;
}

* + html .tooltip-enlarged .nose {
    background-image: url(//img.ui-portal.de/interception/gmx/tooltip/tooltip_sprite.gif);
}

.tooltip-enlarged .nose {
    background-image: url(//img.ui-portal.de/interception/gmx/tooltip/tooltip_sprite.gif) \0;
}

:root .tooltip-enlarged .nose {
    background-image: url(//img.ui-portal.de/interception/gmx/tooltip/tooltip_sprite.png) \0;
}

.tooltip-enlarged.tooltip-top-left .nose {
    top: -15px;
    right: auto;
    bottom: auto;
    left: 11px;
    background-position: 0 -69px;
}

.tooltip-enlarged.tooltip-top-right .nose {
    top: -15px;
    right: 19px;
    bottom: auto;
    left: auto;
    background-position: 0 -69px;
}

.tooltip-enlarged.tooltip-right-top .nose {
    top: 18px;
    right: -20px;
    bottom: auto;
    left: auto;
    background-position: 0 -42px;
}

.tooltip-enlarged.tooltip-right-bottom .nose {
    top: auto;
    right: -20px;
    bottom: 13px;
    left: auto;
    background-position: 0 -42px;
}

.tooltip-enlarged.tooltip-bottom-right .nose {
    top: auto;
    right: 19px;
    bottom: -18px;
    left: auto;
    background-position: 0 -19px;
}

.tooltip-enlarged.tooltip-bottom-left .nose {
    top: auto;
    right: 19px;
    bottom: -18px;
    left: 11px;
    background-position: 0 -19px;
}

.tooltip-enlarged.tooltip-left-bottom .nose {
    top: auto;
    right: auto;
    bottom: 13px;
    left: -20px;
    background-position: 0 0;
}

.tooltip-enlarged.tooltip-left-top .nose {
    top: 18px;
    right: auto;
    bottom: auto;
    left: -20px;
    background-position: 0 0;
}

.jsEnabled .tooltip {
    cursor: default;
}

.jsEnabled a.tooltip {
    cursor: pointer;
}

.tooltip-enlarged .txt {
    white-space: normal;
    font-size: 13px;
    line-height: 20px;
}

.tooltip-enlarged .txt .headline {
    display: block;
    padding-left: 0;
    padding-bottom: 5px;
}

.tooltip-enlarged ul li {
    display: list-item;
    list-style-type: none;
    margin-left: 18px;
}

.tooltip-enlarged .list {
    margin: 0;
    padding: 0;
}

.tooltip-enlarged .list li {
    display: block;
    list-style-type: none;
    margin-left: 0;
}

.teaser h\:details span.link.tooltip {
    text-decoration: none;
    cursor: default;
}

.tooltip-html-container {
    display: none;
}

.jsDisabled .link.tooltip:hover + .tooltip-html-container {
    display: block;
    background: #FFFFFF;
    position: absolute;
    border: 1px solid #AFAFAF;
    z-index: 9000;
    padding: 8px 14px;
    width: 270px;
}

* + html .jsDisabled .link.tooltip + .tooltip-html-container,
* + html .jsDisabled .link.tooltip:hover + .tooltip-html-container {
    display: block;
    position: static;
    margin-top: 10px;
    border: 1px solid #AFAFAF;
    background: #FFFFFF;
    padding: 8px 14px;
    width: auto;
}

.clicktip {
    cursor: pointer;
}

.clicktip.link {
    color: #2269C3;
}

.clicktip.link:hover {
    text-decoration: underline;
}

.clicktip-enlarged .txt {
    margin-top: 5px;
}

.clicktip-enlarged .txt p {
    margin-bottom: 0;
    margin-top: 20px;
}

.clicktip-enlarged .txt .headline + p {
    margin-top: 0;
}

.clicktip-enlarged .close {
    font-size: 11px;
    line-height: 16px;
    padding-right: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(//img.ui-portal.de/interception/gmx/icon/close.png) no-repeat 100% 0;
}

.jsDisabled .clicktip-enlarged .txt p,
.jsDisabled .clicktip-enlarged .txt {
    margin-top: 0;
}

.jsDisabled .clicktip-enlarged .close {
    display: none;
}

fieldset h3 {
    position: relative;
}

h3 .clicktip-enlarged .txt {
    color: #262626;
}

.clicktip-enlarged {
    display: none;
    left: 297px;
    top: -36px;
}

h3 .clicktip-enlarged {
    left: 607px;
}

.jsDisabled #info-mailaddress:hover,
.jsDisabled #info-mailaddress-opener:hover + #info-mailaddress,
.jsDisabled #info-mobilephone:hover,
.jsDisabled #info-mobilephone-opener:hover + #info-mobilephone,
.jsDisabled #info-tip:hover,
.jsDisabled #info-tip-opener:hover + #info-tip {
    display: block;
}

.item-data .clicktip.link {
    float: right;
    margin-bottom: 10px;
}

#info-tip {
    left: 407px;
    top: -12px;
}


#page-footer {
    color: #515151;
    font: 13px/20px Verdana, Arial, Helvetica, sans-serif;
    position: relative;
    background: #F3F3F3;
}

#page-footer a {
    color: #515151;
    text-decoration: none;
}

#page-footer a:hover,
#page-footer a:focus {
    text-decoration: underline;
}

#footerMainlinks {
    margin: auto;
    height: 62px;
    width: 100%;
    clear: both;
    background: #999999;
}

#footerMainlinks a {
    color: #F3F3F3;
}

#footerMainlinks ul {
    padding: 20px 0 24px 30px;
    width: auto;
    margin: auto 0;
}

#footerMainlinks li {
    display: inline;
    float: left;
    margin-right: 24px;
}

#footerMainlinks .last {
    margin-right: 0;
    white-space: nowrap;
}

html {
    -webkit-text-size-adjust: 100%;
}

.hideBigScreen {
    display: none;
}


@media all and (max-width: 1015px) {
    #wrapper,
    #container,
    #page-content {
        width: auto;
        min-width: 320px;
    }

    #page-content {
        min-width: 300px;
    }
}


@media only screen and (max-width: 999px) {
    html {
        background-color: #FFFFFF;
    }

    #page-header {
        background-image: none;
        background-position: 0 0;
        padding-top: 0;
        margin: 0;
        width: 100%;
    }

    #page-header.header-simple {
        border-bottom: none;
        height: 44px;
    }

    #page-header #header-brand {
        background: none;
        height: 25px;
        margin: 0 auto;
        position: absolute;
        top: 10px;
        width: 54px;
        left: -54px;
        right: 10px;
        z-index: 1;
    }

    #page-header #header-service {
        background-image: none;
        left: 0;
        width: 100%;
        font-weight: 400;
        top: 0;
        color: #FFFFFF;
        font: 400 22px/22px RobotoCond, Arial, Verdana, Helvetica, sans-serif;
        display: block;
        height: 33px;
        padding-top: 10px;
        z-index: 1;
        direction: inherit;
        text-indent: 0;
        text-align: center;
    }

    #header-service:hover,
    #header-service:focus {
        text-decoration: none;
    }

    #page-header #header-service .brand {
        display: inline-block;
        width: 54px;
        height: 17px;
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(//img.ui-portal.de/ci/gmx/global/logoCI2018_adaptive.png);
        vertical-align: baseline;
        line-height: 1em;
        color: transparent;
        overflow: hidden;
        text-indent: -5em;
    }

    #page-header #header-brand {
        display: none;
    }
}

@media all and (max-width: 883px) {
    #page-content {
        background-image: none;
    }
}

@media all and (max-width: 679px) {
    html {
        background: transparent;
    }

    #container {
        border: none;
        margin-bottom: 0;
    }

    #page-content {
        padding: 20px 10px;
    }

    .content-part {
        float: none;
    }

    .content-part-col4 {
        width: auto;
    }

    #page-header {
        height: 34px;
        padding-top: 0;
    }

    #page-header #header-brand {
        background: url(//img.ui-portal.de/interception/passwortvergessen/gmx/logo-small-screen.png) no-repeat 0 0;
        width: 191px;
        height: 27px;
        top: 0;
        left: 9px;
    }

    #footerMainlinks {
        width: 100%;
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 0 0 20px 0;
    }

    #footerMainlinks ul {
        width: 320px;
        margin: auto;
    }

    #footerMainlinks li {
        margin-right: 20px;
    }

    .hideBigScreen {
        display: block;
    }

    h\:section h1 {
        color: #333333;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0;
    }

    h\:section > h1 + .subline,
    .article-text > h1 + .subline,
    h\:section > h1 + p,
    .article-text > h1 + p {
        margin-top: 0;
    }

    h\:section h3,
    h\:section .subline,
    .tab-container h3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        color: #333333;
    }

    .supportSite > h1 {
        margin-bottom: 30px;
    }

    .hint {
        margin-right: 0;
    }

    .hint .hint-headline {
        height: auto;
        padding-bottom: 20px;
    }

    .item-label + .item-data h\:output.feedback {
        margin-left: -20px;
    }

    h\:output.feedback span.nose {
        margin-left: 23px;
    }

    form {
        display: block;
        margin-bottom: 20px;
    }

    .content-form .form-item input {
        margin-bottom: 10px;
    }

    .content-form .form-item:last-child input {
        margin-bottom: 0;
    }

    .content-form,
    .form-item {
        display: block;
        float: none;
        width: auto;
        margin-right: 0;
        clear: both;
    }

    .content-form.withBG {
        margin-bottom: 0;
    }

    .form-send {
        overflow: hidden;
        padding: 15px;
    }

    fieldset .form-send {
        padding: 0;
        margin-top: -15px;
        margin-bottom: 5px;
    }

    .form-send .btn-wrapper {
        float: left;
    }

    .item-data {
        float: none;
        clear: left;
        display: block;
    }

    .item-label {
        text-align: left;
    }

    .item-label + .item-data input[type="text"],
    .item-label + .item-data input[type="number"],
    .item-label + .item-data input[type="password"],
    .item-label + .item-data .select-wrapper,
    .item-label + .item-data select,
    .item-label + .item-data textarea {
        margin-left: 0;
    }

    .withBG .item-data,
    .withBG .item-data.data-small,
    .withBG .item-label.data-big {
        width: auto;
        padding-right: 15px;
    }

    .withBG input[type="text"],
    .withBG input[type="number"],
    .withBG input[type="password"] {
        width: 100%;
    }

    .withBG .hasIcon .data-small input[type="text"],
    .withBG .hasIcon .data-small input[type="number"],
    .withBG .hasIcon .data-small input[type="password"] {
        width: 85%;
    }

    .withBG .hasError input[type="text"],
    .withBG .hasError input[type="number"],
    .withBG .hasError input[type="password"] {
        width: 85%;
    }

    .withBG .hasIcon.hasError .data-small input[type="text"],
    .withBG .hasIcon.hasError .data-small input[type="number"],
    .withBG .hasIcon.hasError .data-small input[type="password"] {
        width: 77%;
    }

    .item-label label h\:details,
    .item-label label,
    .item-label span.mark,
    .item-label h\:details {
        float: none;
    }

    .item-data .captcha {
        clear: left;
        float: left;
        margin-top: -24px;
        padding-left: 0;
    }

    .item-data .captcha .note {
        display: block;
        padding-top: 0;
    }

    .finalaction {
        margin: 0 15px;
    }

    .form-send .finalaction {
        margin: 0;
    }

    .finalaction .btn-wrapper {
        float: left;
        clear: left;
    }

    .finalaction .btn-wrapper.btn-level4 {
        margin-top: 10px;
        margin-left: -15px;
    }

    .withBG .data-note {
        xoverflow: hidden;
        padding-left: 0;
    }

    .tooltip-enlarged {
        position: static;
        clear: both;
        margin: 0 -50px 0 -35px;
        padding: 10px;
    }

    .tooltip-enlarged > .tooltip-wrapper {
        width: auto;
        padding: 10px 25px 10px 25px;
        background: #EEF0F3;
    }

    .tooltip-enlarged .nose {
        display: none;
    }

    .clicktip-enlarged .close {
        right: 25px;
    }

    .finalaction.genError .btn-key {
        float: left;
    }

    .finalaction.genError .btn-key {
        margin-top: 10px;
    }

    .withBG + .form-send {
        background: #EAF0F8;
        padding-top: 0;
    }

    .btn-level4 > * {
        padding-left: 0;

    }

    .clicktip-form-wrapper {
        position: relative;
    }

    .clicktip-form-wrapper h\:output.feedback, .form-l .clicktip-form-wrapper .h\:output.feedback {
        bottom: 13px;
    }
}

.Separator, .Example {
    display: none
}

.input-date .select-wrapper {
    float: left;
}

.input-date .select-wrapper select {
    border: 1px solid #B3B8C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FFFFFF;
    color: #262626;
    width: auto;
    height: 24px;
    line-height: 16px;
    margin-left: 0;
    outline: none;
    padding: 2px 6px 4px;
}